import Vue from 'vue'
import VueRouter from 'vue-router'
import shopList from '../components/shopList.vue'
import Parent from '../parent/index.vue'
import Shop from '../components/shop/index.vue'
import Test from '../components/test.vue'
import HelloWord from '../components/HelloWorld.vue'
import Table from '../components/table.vue'
import Crud from '../components/crud.vue'
import ProPlem from '../components/proplem.vue'

Vue.use(VueRouter)

const routes = [
  {
    path:'/',
    name:'shopList',
    component:shopList
  },
  {
    path:'/parent',
    name:'parent',
    component:Parent
  },
  {
    path:'/Shop',
    name:'shop',
    component:Shop
  },
  {
    path:'/test',
    name:'test',
    component:Test
  },{
    path:'/helloword',
    name:'helloword',
    component:HelloWord
  },
  {
    path:'/table',
    name:'table',
    component:Table
  },
  {
    path:'/crud',
    name:'crud',
    component:Crud
  },
  {
    path:'/proplem',
    name:'proplem',
    component:ProPlem
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
